/*
    @Author hh
    现在开始一切还来得及！
*/


/*common css*/
button{
    outline: none !important;
}
a{
    text-decoration: none;
}
ul li{
    list-style-type: none;
}
td, th {
    display: table-cell;
    vertical-align: inherit;
}

/************************************经纪人地图页面 css *************************************/


/* 百度地图大小控制 */
.agMap-control{
    height: 600px;
    display: block;
    position:relative;
    margin-top: 80px;
}

/* 百度地图自带css */
#allmap{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin:0;
    font-family:"微软雅黑";
}


/*content区域居中控制 */
.agMap-user-control-center{
    margin-top: 3%;
}
.list-width{
    width:33% ;
    float: left;
}

/*按钮控制*/
.agMap-btn-style{
    font-family:"微软雅黑";
    padding: 3px 8px;
    width: 215px;
    text-align: center;
    color: #274259;
    border-color: #d3d1cc;
    font-size: 16px;
    letter-spacing: 4px;
    margin-left:5%;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

/*agentRank按钮箭头*/
.agMap-btn-style > span.arrow {
    color: #274259;
    font-size: 12px;
    margin-top: 10px;
    position: absolute;
}

/*user信息控制*/
.agMap-userMes{
    margin-top: 40px;
    line-height: 45px;
    cursor: pointer;
    width: 100%;
}

.user-base,
.user-area,
.user-rank{
    width: 33%;
    text-align: center;
    float: left;
}

.agMap-user-name{
    font-family:"微软雅黑";
    display:inline-block;
    width: 110px;
    font-size: 18px;
    font-weight: 100;
}

.user-area{
    font-family:"微软雅黑";
    font-size: 18px;
    font-weight: 100;
}

.agMap-user-image{
    width: 45px;
    display: inline;
}

/* 地图里的覆盖物信息 */
.agMap_UserImg{
    position: absolute;
    left: 25px;
    top:7px;
}

.agMap_squ{
    height:0;
    width:0;
    border-width: 15px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -30px;
    left:105px;
}

.agMap_userName{
    position: absolute;
    left:93px;
    top:15px;
}

.agMap_userRank{
    position: absolute;
    left:90px;
    top:38px;
}

/*分页操作外部控制*/
.agMap-paging{
    margin: 5% 0 10% 0;
    text-align: center;
}

.agMap-btn_active{
    background: #D4D4D4;
}
.agMap-btn_active:hover,
.agMap-btn_active:focus
{
    background: #D4D4D4 !important;
}





/************************************组合详情页面 css *************************************/

.comboDetail{
    font-family: "microsoft yahei";
    margin-top: 80px;
}

/* 页面整体框架 */
.comboDetail-bg-1{
    width: 100%;
    float: left;
    padding: 40px 0;
    background: #FBFAF9;
}

.comboDetail-bg-2{
    width: 100%;
    float: left;
}

.comboDetail-bg-3{
    width: 100%;
    float: left;
    padding: 40px 0;
    background: #FBFAF9;
}

.comboDetail-bg-4{
    width: 100%;
    float: left;
    padding: 40px 0;
}

/* bg1 css */

.comboDetail-info{
    width: 100%;
    padding: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
}

/* bg1 comboDetail-info title里的 css */
.comboDetail-info-title{
    width:80%;
    float: left;
    font-size: 21px;
    margin: 0 0 6px;
}
.comboDetail-info-status{
    position: relative;
    top: -2px;
    padding: 0px 6px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: normal;
}

/* bg1 comboDetail-info bottom里的 css */
.comboDetail-info-interest{
    width: 80%;
    float: left;
    margin-top: 30px;
}

.comboDetail-info-expectYearRate{
    width: 32%;
    text-align: left;
    color: #ff0000;
    display: inline-block;
    font-size: 38px;
}

.comboDetail-info-expectYearRate p,
.comboDetail-info-term p,
.comboDetail-info-risk p {
    color: #6F6F6F;
    font-size: 14px;
    margin-top: 4px;
}

.comboDetail-info-expectYearRate span,
.comboDetail-info-term span{
    font-size: 24px;
}

.comboDetail-info-term{
    width: 32%;
    text-align: left;
    display: inline-block;
    font-size: 38px;
}
.comboDetail-info-risk{
    width: 32%;
    text-align: left;
    display: inline-block;
    font-size: 38px;
}
.comboDetail-info-riskLevel{
    width: 100px;
    margin-top: -30px;
    margin-left: 10px;
}
.comboDetail-info-riskPointer{
    position: relative;
    bottom: 6px;
    left: -63px;
    width: 8px;
    transform-origin: 40% 85%;

}
.comboDetail-info-collect{
    width: 20%;
    float: right;
    text-align: center;
}

.btn-collect{
    margin: 8px auto 0;
    line-height: 1;
    width: 100%;
}

/* bg1 comboDetail-property的 css*/

.comboDetail-property{
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
}

.comboDetail-property-left{
    margin-left: -34px;
    width: 20%;
    float: left;
    text-align: left;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #BCB1AD;
    letter-spacing: 3px;
}

.comboDetail-property-right{
    margin-left: -10px;
    width: 80%;
    float: left;
    text-align: left;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    letter-spacing: 3px;
}

/* bg1 comboDetail-exhibition的 css*/
.comboDetail-exhibition{
    width: 100%;
    border: 1px solid #e4e4e4;
    text-align: center;
    font-size: 21px;
    margin: 35px 0;
}

.comboDetail-exhibition td{
    border: 1px solid #e4e4e4;
    padding: 6px 0;
    width: 16%;
    line-height: 40px;
    letter-spacing: 2px;
}

.comboDetail-exhibition td:nth-child(2n+1){
    color: #BCB1AD;
}

.comboDetail-exhibition td:nth-child(2n){
    background: #fff;
}

/* bg1 comboDetail-infoDesc的 css */

.comboDetail-infoDesc{
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
}
.comboDetail-infoDesc-title{
    font-size: 20px;
    letter-spacing: 2px;
}
.comboDetail-infoDesc-content{
    font-size: 15px;
    margin-top: 14px;
    line-height: 25px;
}

/* bg2 css */

/* bg2 comboDetail-pieChart 扇形图及表格的 css*/
.comboDetail-pieChart{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
}
.comboDetail-pieChart-title,
.flowAccumulateTitle,
.comboPropertyTitle,
.comboNetWorthTitle{
    font-size: 20px;
    margin-top: 60px;
}
.comboDetail-pieChart-content{
    min-width:350px;
    height:350px;
}

.comboDetail-pieChart-contentAll{
    text-align: center;
    margin: -60px 0 30px -50px;
    font-size: 18px;
}

.comboDetail-pieChartTable{
    margin-top:60px;
    margin-left: 11%;
    width: 80%;
}

.comboDetail-pieChartTable span{
    padding: 6px 0;
    width: 25%;
    line-height: 40px;
    letter-spacing: 2px;
    text-align: center;
    display: inline-block;
    white-space:nowrap;
    overflow: hidden;
}

.proportion{
    text-align: left !important;
    width: 45% !important;
}

.proportion i{
    transition: all .4s ease-in-out;
}

.comboDetail-pieChartTableTitle,
.comboDetail-pieChartTableContent1{
    border-bottom: 1px solid #F1EFEB;
}

.iconIndicateDown{
    transform: rotate(90deg);
}

.pieChartSlideContent{
    cursor: pointer;
}
.comboDetail-pieChartTableContent .indicate{
    display: none;
    transition:none;
}

.comboDetail-pieChartTableContent .indicate p{
    line-height: 20px;
}
.comboDetail-pieChartTableContent .indicate p span{
    margin-right: 5px;
}
.comboDetail-pieChartTableContent .indicate .textIndicate{
    text-indent:3%;
    text-align: left;
}

/* bg3 css*/
.flowAccumulate,
.comboProperty,
.comboNetWorth {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
}

.flowAccumulateDiag,
.comboPropertyDiag,
.comboNetWorthDiag{
    height: 400px;
    width:85%;
    min-width: 350px;
}


/* bg4 css*/
.comboDetail-evaluate-title{
    font-size: 20px;
}

.comboDetail-evaluate-content{
    margin: 15px 0 40px 5px;
}

.comboDetail-evaluate-box{
    width: 100%;
    float: left;
    background: #FBFAF9;
    margin-top: 16px;
    text-align: center;
}

.evaluate-content-boxLeft{
    width: 20%;
    float: left;
}

.userImage{
    width:80px;
    margin: 24px auto 6px;
}

.evaluate-content-boxRight{
    width: 80%;
    float: left;
    font-size: 18px;
    text-align: left;
    margin-top: 24px;
}

.comboDetail-myEvaluate{
    font-size: 20px;
    color: #002841;
    float: right;
    line-height: 1;
    padding: 6px 48px;
    position: relative;
    margin-right: 75px;
}

.evaluate-content-time{
    position: relative;
    float: right;
    margin-top: 40px;
    right: 100px;
    font-size: 16px;
    color: #8b8b8b;
}

.clearFloat{
    zoom:1;
}
.clearFloat:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}

#add-evaluate{
    top:-95px;
}

/************************************经纪人详情页面 css *************************************/

.agentDetailMain{
    width: 100%;
    padding: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
    font-family: "microsoft yahei";
    font-size: 15px;
    font-weight: bold;
}

/* 经纪人详细页header css */
.agentDetailHeader{
    text-align: center;
    letter-spacing: 5px;
    margin: 15% 0 0 0;
}

.agentDetailHeader img{
    width: 105px;
    border-radius: 45px;
}

.agentDetailHeader p{
    margin-top: 25px;
    line-height: 12px;
}

/* 经纪人详细页content css */
.agentDetailContent{
    letter-spacing: 2px;
    margin-top: 10%;
}

.agentDetailContent p {
    font-size: 18px;
}

.agentDetailContent .agentBase{
    border-bottom: 1px solid #E8E6DF;
    font-weight: 100;
    margin: 20px 0 30px 0;
    padding-bottom: 15px;
    color: #888583;
}

.agentDetailContent .agentBase span{
    margin-left:5%;
    color: #888583;
}

.agentDetailContent .agentBase span:first-child{
    margin-left: 0;
}

.btn-agentDetail{
    margin: -2% auto 8%;
    width: 40%;
}


/************************************个人账户信息页面 css *************************************/

.personalHeader {
    text-align: center;
    letter-spacing: 5px;
    margin: 5% 0 0 0;
}

.personalHeader img{
    width: 105px;
    border-radius: 45px;
}

.personalHeader p{
    margin-top: 20px;
    line-height: 12px;
    font-weight:bolder;
}

/*个人账户内容 css*/
.personalContent{
    margin: 7% 0 10% 0;
}

.personalContent p{
    font-size: 16px;
    font-weight: bolder;
}

.personInfo,.quan,.myProtocol{
    margin: 20px 0 30px 0;
    padding-bottom: 10px;
    color: #837F7E;
    display: none;
    font-weight: bolder;
}

/*个人信息 css */
.personInfo span{
    margin-left: 5%;
}

.personInfo span:first-child{
    margin-left: 25px;
}

/*全帐通账户 css*/
.huaRui p{
   color:#032944;
   margin: 0 0 20px 25px;
   font-size: 14px;
}
.huaRuiContent p{
    margin: 0 0 5px 25px;
    color:#837F7E;
    line-height: 18px;
    font-size: 13px;
    letter-spacing: 1px;
}

.zhongTaiContent{
    margin-bottom: 20px;
}

.zhongTaiContent p{
    margin: 0 0 5px 25px;
    color:#837F7E;
    line-height: 18px;
    font-size: 13px;
    letter-spacing: 1px;
}

.zhongTaiContent p:first-child{
    font-size: 14px;
    color: #605C5A;
}


/*我的协议 css*/
.myProtocol ul{
    margin-left: -14px;
}

.myProtocol ul li{
    line-height: 25px;
}
.myProtocol ul li a{
    text-decoration: underline;
    color:#002742;
    font-weight: bolder;
    letter-spacing: 2px;
}

.personalAdd{
    text-align: center;
    /*background: #fff;*/
}

.personalAddTitle button{
    font-size: 20px;
    color: #002841;
    line-height: 1;
    padding: 6px 48px;
    transition: all .1s ease-in-out;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .05);
    font-family: 'PingHei-semibold';
    background-color: transparent;
    border-color: #cac8c4;
    letter-spacing: 4px;
    margin: 20px 0 50px 30px;
}

.personalContent > p{
    cursor:pointer;
}

.agentDetailMain{
    text-align: left;
}

.btn-none,
.qn-result{
    text-align: left;
    display: none;
}

.qn-result{
    margin-left: -100px;
}